﻿/* use this selector to apply style to the box containing all the toolbar buttons */
.toolbar
{
    z-index: 1;
    background-color: #ccc;
    background: -moz-linear-gradient(19% 100% 90deg,#eee, #CCCCCC);
}
.toolbar .button
{
    z-index: 10;
	display: inline-block;
	position: relative;	
	border-right: dotted 1px #666;
	padding: 7px 4px 7px 4px;
}
/* use this selector to apply style to all buttons regardless of their state */
.toolbar .button a
{	    
	text-decoration: none;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	line-height: 20px;
	cursor: hand;
	padding: 7px 4px 7px 4px;	
	position: relative;
	color: #666;
}
/* use this selector to apply style to enabled buttons only */
.toolbar .button_enabled
{
	background-color: transparent;
}
/* use this selector to apply mouseover style to enabled buttons only */
.toolbar .button_enabled:hover
{
	background-color: #eee;	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius: 10px 10px 0 0;
}
/* use this selector to apply style to enabled buttons only */
.toolbar .button_disabled
{
	background-color: transparent;
	color: #ccc;
}
/* use this selector to apply mouseover style to disabled buttons only */
.toolbar .button_disabled:hover
{
}
/* use this selector to apply style to selected buttons only */
.toolbar .button_selected
{
	background-color: #fff;
	background: -moz-linear-gradient(19% 100% 90deg,#EEEEEE, #fff);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius: 10px 10px 0 0;
}
/* use this selector to apply mouseover style to selected buttons only */
.toolbar .button_selected:hover
{

}